/**
 * Created by Administrator on 2017/6/28.
 */

import React from 'react'
import {Image,StyleSheet} from 'react-native'
import {TabNavigator} from 'react-navigation'

import tabPage1 from '../Tab/HomePage'
import tabPage2 from '../Tab/SharePage'
import tabPage3 from '../Tab/PersonalPage'

const styles = StyleSheet.create({
    img:{
        width:20,
        height:20
    }
})
const host = TabNavigator({
    page1:{
        screen:tabPage1,
        navigationOptions:{
            tabBarLabel:'首页',
            tabBarIcon:({tintColor}) =>(
                <Image source={require('../Img/Tabbar_shouye.png')} style={[{tintColor: tintColor},styles.img]}/>
            )
        }
    },
    page2:{
        screen:tabPage2,
        navigationOptions:{
            tabBarLabel:'我的分享',
            tabBarIcon:({tintColor}) =>(
                <Image source={require('../Img/Tabbar_shouye.png')} style={[{tintColor: tintColor},styles.img]}/>
            )
        }
    },
    page3:{
        screen:tabPage3,
        navigationOptions:{
            tabBarLabel:'个人中心',
            tabBarIcon:({tintColor}) =>(
                <Image source={require('../Img/Tabbar_shouye.png')} style={[{tintColor: tintColor},styles.img]}/>
            )
        }
    }
},{
    animationEnabled: true, // 切换页面时是否有动画效果
    tabBarPosition: 'bottom', // 显示在底端，android 默认是显示在页面顶端的
    swipeEnabled: false, // 是否可以左右滑动
    // 切换tab
    backBehavior: 'none', // 按 back 键是否跳转到第一个Tab(首页)， none 为不跳转
    lazyLoad: true,
    tabBarOptions: {
        activeTintColor: '#40CCCB', // 文字和图片选中颜色
        inactiveTintColor: '#999', // 文字和图片未选中颜色
        showIcon: true, // android 默认不显示 icon, 需要设置为 true 才会显示
        pressOpacity:3,
        indicatorStyle: {
            height: 0  // 如TabBar下面显示有一条线，可以设高度为0后隐藏
        },
        iconStyle:{
            marginTop:10
        },
        tabStyle:{
            height:50,
            alignItems: 'center',
        },
        style: {
            backgroundColor: '#fff', // TabBar 背景色
            height: 50
        },
        labelStyle: {
            marginTop:1,
            fontSize: 14, // 文字大小
        },
    },
})

module.exports = host;
